<template>
    <div>
        <!-- <Swiper :lunbotuList="lunbotuList" :isfull="false"></Swiper> 使用方式isfull决定宽度的样式-->
        <!-- 在组件中，使用v-for循环的话，一定要使用 key -->
        <mt-swipe :auto="4000">  
        <mt-swipe-item v-for="item in lunbotuList" :key="item.index">
        <img :src="item.img" alt="" :class="{'full':isfull}">
        </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    props:['lunbotuList','isfull'],
    data() {
        return {

        };
    },
    methods: {

    },
};
</script>

<style scoped lang="scss">
// 不使用组件轮播图要每个页面单独配置样式
.mint-swipe {
  height: 200px;

  .mint-swipe-item {
    // &:nth-child(1) {
    //   background-color: red;
    // }
    // &:nth-child(2) {
    //   background-color: blue;
    // }
    // &:nth-child(3) {
    //   background-color: cyan;
    // }
    text-align: center;
    img {
      
      height: 100%;
    }
    .full{
      width: 100%;
    }
  }
}
</style>
